<script setup lang="ts">
const props = defineProps({
  text: {
    type: String,
    default: 'default',
  },
  type: {
    type: String,
    default: 'error',
  },
  mode: {
    type: String,
    default: 'plain',
  },
  size: {
    type: String,
    default: 'mini',
  },
  bgColor: {
    type: String,
    default: '',
  },
  borderColor: {
    type: String,
    default: '',
  },
})
</script>

<template>
  <u-tag :text="props.text" :type="props.type" :mode="props.mode" :size="props.size" :bg-color="$props.bgColor" :border-color="$props.borderColor" />
</template>

<style scoped></style>
